<?php
    require_once 'constants.php';
?>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1" />

        <title>Raeken New</title>
        <link rel="stylesheet" href="<?php echo BOOTSTRAP_PATH; ?>/css/bootstrap.css"/>
        <link rel="stylesheet" href="<?php echo BOOTSTRAP_PATH; ?>/css/bootstrap-theme.min.css"/>
        <link rel="stylesheet" href="<?php echo CSS_PATH; ?>/../revslider/rs-plugin/css/settings.css"/>
        <link rel="stylesheet" href="<?php echo CSS_PATH; ?>/../revslider/rs-plugin/css/dynamic-captions.css"/>
        <link rel="stylesheet" href="<?php echo CSS_PATH; ?>/../revslider/rs-plugin/css/static-captions.css"/>
        <link rel="stylesheet" href="<?php echo CSS_PATH; ?>/../colorbox/colorbox.css"/>
        <link rel="stylesheet" href="<?php echo CSS_PATH; ?>/style.css"/>
        <link rel="stylesheet" href="<?php echo CSS_PATH; ?>/perfect-scrollbar.css"/>

        <script type="text/javascript" src="<?php echo JS_PATH; ?>/jquery.min.js"></script>
        <script type="text/javascript">
            var baseUrl = "<?php echo BASE_URL; ?>";
        </script>
    </head>
    <body>
        <div id="header" class="row-fluid clearfix">
            <ul class="pull-left">
                <li>
                    <a href="#"><img src="<?php echo IMAGES_PATH; ?>/logo.png" alt="logo" class="logo"/></a>
                </li><!--
                --><li>
                    <a href="#" id="header-search-btn" rel="no-cross"><img src="<?php echo IMAGES_PATH; ?>/search-icon.png" alt="search"/></a>
                </li><!--
                --><li>
                    <a href="#">SHOP</a>
                    <ul class="sub">
                        <!--<p class="orange-bar"></p>-->
                        <div class="">
                            <p class="heading">Clothes</p>

                            <div class="border-right-div">

                                <p>Clothes</p>
                                <p>Dresses</p>
                                <p>Tops</p>
                                <p>Rompers + Jumpsuits</p>
                                <p>Swimwear</p>
                                <p>Lingerie</p>
                                <p>Jackets &amp; Coats</p>
                                <p>Sweaters</p>

                                <p class="margin-top-20 heading">Shoes</p>

                                <p>Shoe Cult</p>
                                <p>Booties</p>
                                <p>Boots</p>
                                <p>Heels</p>
                                <p>Platforms</p>
                                <p>Sneakers</p>
                                <p>Sandals</p>
                                <p>Flats</p>

                            </div>                            
                        </div>

                        <div class="">
                            <p class="heading">Featured</p>
                            <img src="<?php echo IMAGES_PATH;?>/navbar-girl.jpg" alt="image" style="width: 160px;"/>
                        </div>
                    </ul>
                </li><!--
                --><li>
                    <a href="trends.php">TRENDING</a>
                    <ul class="sub trending-sub">
                        <!--<p class="orange-bar"></p>-->
                        <div class="">
                            <p class="heading">Products</p>

                            <div class="border-right-div">

                                <p>Clothes</p>
                                <p>Dresses</p>
                                <p>Tops</p>
                                <p>Rompers + Jumpsuits</p>
                                <p>Swimwear</p>
                                <p>Lingerie</p>
                                <p>Jackets &amp; Coats</p>
                                <p>Sweaters</p>

                                <p class="social-feed-heading">Social Feed</p>
                                <p>Facebook</p>
                                <p>Twitter</p>
                                <p>Instagram</p>

                            </div>                            
                        </div>

                        <div class="">
                            <p class="heading">Hot Trends</p>
                            <img src="<?php echo IMAGES_PATH;?>/navbar-girl.jpg" alt="image"/>
                        </div>

                    </ul>
                </li><!--
                --><li>
                    <a href="brand.php">BRAND</a>
                </li><!--
                --><li>
                    <a href="#">BLOG</a>
                </li><!--
                --><li class="connect hoverNoBackground">
                    <p>Connect</p>
                    <a href="#" id="connect-switch" rel="red"><img src="<?php echo IMAGES_PATH; ?>/connect-red.png" alt="image"/></a>
                </li>
            </ul>

            <ul class="pull-right" style="position: relative;">
                <li><a href="#">My account</a>&nbsp;|&nbsp;<a href="#" class="color-orange display-cart-box">Cart</a></li>
                <li class="noborder cart-items-count-header display-cart-box">0</li>
                <p class="cart-items-count-header-small-line-below"></p>
            </ul>

            <div class="cart-content-header-onhover hide">
                <p class="inline-block text">Your Cart is Empty</p>
                <p class="inline-block text-with-orange-background"><span>0</span> Item(s)</p>
                <hr/>
                <p class="text-center color-black">Get free shipping on order of $80+</p>
            </div>
        </div>
